<template>
  <a-card :bordered="false" >
    <div>
      <a-row :gutter="[24,6]">
        <a-col :span="6">
          <span>资产名称:</span>
          <a-input placeholder="请输入资产名称" style="width: 180px"/>
        </a-col>
        <a-col :span="6">
          <span>资产ID:</span>
          <a-input placeholder="请输入资产ID" style="width: 180px"/>
        </a-col>
        <template v-if="toggleSearchStatus">
        <a-col :span="6">
          <span>标签mac:</span>
          <a-input placeholder="请输入标签mac" style="width: 180px"/>
        </a-col>
        <a-col :span="6">
          <span>购买日期:</span>
          <a-range-picker style="width: 180px" />
        </a-col>
        </template>
        <a-button type="primary" icon="search">
          查询
        </a-button>
        <a-button type="primary" icon="reload" style="margin-left: 15px">
          重置
        </a-button>
        <a @click="handleToggleSearch" style="margin-left: 8px">
          {{ toggleSearchStatus ? '收起' : '展开' }}
          <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
        </a>
      </a-row>
      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px; margin-top: 15px">
        <i class="anticon anticon-info-circle ant-alert-icon"></i>已选择&nbsp;<a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项&nbsp;&nbsp;
        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
      </div>
      <a-table :columns="columns" :data-source="data">

      </a-table>
    </div>
  </a-card>
</template>

<script>
    import SplitPanel from "../../jeecg/SplitPanel";
    import SysMessageTemplateList from "../../modules/message/SysMessageTemplateList";
    export default {
        name: "mapBluetooth",
      components: {SysMessageTemplateList, SplitPanel},
      data(){
          return{
            toggleSearchStatus:false,
            selectedRowKeys:[],
            columnsL:[
              {
                title: '序号',
                dataIndex: '',
                key: '',
              },
              {
                title: '',
                dataIndex: '',
                key: '',
              },
              {
                title: '',
                dataIndex: '',
                key: '',
              },
              {
                title: '',
                dataIndex: '',
                key: '',
              },
              {
                title: '',
                dataIndex: '',
                key: '',
              },
              {
                title: '',
                dataIndex: '',
                key: '',
              },
              {
                title: '',
                dataIndex: '',
                key: '',
              },
              {
                title: '',
                dataIndex: '',
                key: '',
              },
              {
                title: '',
                dataIndex: '',
                key: '',
              },
              {
                title: '',
                dataIndex: '',
                key: '',
              },
              {
                title: '',
                dataIndex: '',
                key: '',
              },
              {
                title: '',
                dataIndex: '',
                key: '',
              },
            ],
            data:[],
          }
      },
      methods:{
        handleToggleSearch(){
          this.toggleSearchStatus=!this.toggleSearchStatus;
        },
        onClearSelected(){
          this.selectedRowKeys=[];
        },
      },
    }
</script>

<style scoped>

</style>